<script setup lang="ts">
    // defineProps(["userName","age"])
    // defineProps({
    //     userName:String,
    //     age:Number
    // });

    // defineProps({
    //     userName:{
    //         type:String
    //     },
    //     age:{
    //         type:Number,
    //         required:true
    //     }
    // })

    defineProps({
        userName:{
            type:String
        },
        age:{
            type:Number,
            required:true
        },
        hobby:{
            type:String,
            default:"学习"
        }
    })
</script>

<template>
    <h3>Child</h3>
    <p>userName:{{userName}}</p>
    <p>age:{{age}}</p>
    <p>hobby:{{hobby}}</p>
</template>

<style scoped>

</style>